<div class="mixly-scrollbar" style="height: 100%;width: 100%;display: none;">
    <style>
        div[m-id="{{d.mId}}"] {
            width: 100%;
            height: 100%;
        }
    
        .light div[m-id="{{d.mId}}"] {
            background-color: #7d7979;
        }
    
        .dark div[m-id="{{d.mId}}"] {
            background-color: #f8f5f5;
        }
    
        div[m-id="{{d.mId}}"] > .layui-tab {
            display: flex;
            flex-direction: column;
            height: 100%;
            margin: 0;
            flex-grow: 1;
            flex-wrap: nowrap;
        }
    
        div[m-id="{{d.mId}}"] > .layui-tab > .layui-tab-title {
            overflow: hidden;
            height: 46px;
        }
    
        div[m-id="{{d.mId}}"] > .layui-tab > .layui-tab-content {
            height: 100%;
            position: relative;
            flex: 1;
        }
    
        .light div[m-id="{{d.mId}}"] > .layui-tab,
        .light div[m-id="{{d.mId}}"] > .layui-tab > .layui-tab-content {
            background-color: #fff;
        }
    
        .dark div[m-id="{{d.mId}}"] > .layui-tab,
        .dark div[m-id="{{d.mId}}"] > .layui-tab > .layui-tab-content {
            background-color: #2a2a2b;
        }
    
        div[m-id="{{d.mId}}"] .layui-tab-item {
            height: 100%;
            width: 100%;
        }
    
        div[m-id="{{d.mId}}"] .layui-tab-item > div {
            position: absolute;
            left: 5px;
            right: 5px;
            top: 5px;
            bottom: 5px;
        }
    </style>
    <div m-id="{{d.mId}}">
        <div class="layui-tab layui-tab-brief" lay-unauto lay-filter="block-tool-viewer-filter">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="blockViewer">当前块</li>
                <li lay-id="blockEditor">Block</li>
                <li lay-id="generatorEditor">Generator</li>
                <li lay-id="xmlEditor">当前块XML</li>
                <li lay-id="blocksXmlEditor">所有块XML</li>
                <li lay-id="errorDom">错误</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="workspace-container">
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="block-container">
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="generator-container">
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="xml-container">
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="blocks-xml-container">
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="error-container">
                        无错误
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>